<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"> 
	<title>Bootstrap 轮播图</title>
<!-- 	<link href="lib/lib/css/bootstrap.min.css" rel="stylesheet">
	<script src="lib/jquery/jquery-1.11.0.min.js"></script>
	<script src="lib/lib/js/bootstrap.min.js"></script> -->

<script src="lib/jquery/jquery-1.11.0.min.js"></script>
<script src="lib/lib/js/bootstrap.min.js"></script>
<link href="lib/lib/css/bootstrap.min.css" rel="stylesheet">

<style type="text/css">
	
	*{
		margin:0 auto;
	}


</style>
</head>
<body>


<div class="carousel slide" id="lunbo">

	<ol class="carousel-indicators">
		<li data-target="#lunbo" data-slide-to="0" class="active"> </li>
		<li data-target="#lunbo" data-slide-to="1"></li>
		<li data-target="#lunbo" data-slide-to="2"></li>
	</ol>


	<div class="carousel-inner">
		<div class="item active"><img src="images/2.jpg" alt="First slide"></div>
		<div class="item"><img src="images/2.jpg" alt="First slide"></div>
		<div class="item"><img src="images/2.jpg" alt="First slide"></div>
	</div>

	<a class="left carousel-control" href="#lunbo" role="button" data-slide="prev">
		<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
		<span class="sr-only">Previous</span>
	</a>


	<a href="#lunbo" class="right carousel-control" role="button" data-slide="next">
		<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
		<span class="sr-only">Next</span>
	</a>


</div>






<br><br>
<hr><hr>
<br><br>
<!-- 
 <div id="myCarousel" class="carousel slide">
	轮播（Carousel）指标
	<ol class="carousel-indicators">
		<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
		<li data-target="#myCarousel" data-slide-to="1"></li>
		<li data-target="#myCarousel" data-slide-to="2"></li>
	</ol>   
	轮播（Carousel）项目
	<div class="carousel-inner">
		<div class="item active">
			<img src="images/2.jpg" alt="First slide">
		</div>
		<div class="item">
			<img src="images/2.jpg" alt="Second slide">
		</div>
		<div class="item">
			<img src="images/2.jpg" alt="Third slide">
		</div>
	</div>
	轮播（Carousel）导航
	<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
		<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
		<span class="sr-only">Previous</span>
	</a>
	<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
		<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
		<span class="sr-only">Next</span>
	</a>
</div>   -->

</body>
</html>